<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
	</head>
	<body>
		9. v-for***  循环  数组，对象，数值
		最后一位，一定是索引
		
		数组：v-for="(item,index) in arr"
	        简写（只要内容，不要索引）： item in arr
			
		对象：v-for="(value,key,index) in obj"
		    简写（只要内容，不要索引）： val in obj
			（要内容，要key,不要索引）：(val,key) in obj
			
		数组：v-for="(item,index) in 10"
		    简写（只要内容，不要索引）： i in 4
			
			
	    :key="唯一值"（组件必须有key)
		如果没有key, 就会出现 “就地复用策略” 这个问题
		<div id="app">
            <h1 v-for="(item,index) in arr">{{item}}--{{index}}</h1>
			<h1 v-for="item in arr">{{item}}</h1>
			
			<h2 v-for="(value,key,index) in obj">{{value}}--{{key}}--{{index}}</h2>
			
			<h2 v-for="(val,key) in obj">{{val}}--{{key}}</h2>
			
		    <h2 v-for="(item,index) in 10">{{item}}--{{index}}</h2>
			
			<h2 v-for="i in 4">{{i}}</h2>
		</div>
		
		<script>
			var vm = new Vue({
				el:"#app",
				data:{
				  arr:["aa","bb","cc"],
				  obj:{
					  name:"lili",
					  age:18
				  }
				}
			})
		</script>
	</body>
</html>
